<template>
  <div class="edit-form">
    <van-cell-group inset>
      <!-- 输入任意文本 -->
      <van-field v-model="infoRes.username" label="姓名" />
      <!-- 允许输入数字，调起带符号的纯数字键盘 -->
      <van-field v-model="infoRes.gender" label="性别" />
      <!-- 输入手机号，调起手机号键盘 -->
      <van-field v-model="infoRes.tel" type="tel" label="手机号" />
      <!-- 允许输入正整数，调起纯数字键盘 -->
      <van-field v-model="infoRes.addr" label="地区" />

      <van-button type="success" block >提交</van-button>
    </van-cell-group>
  </div>
</template>

<script setup>
import {onMounted, reactive} from "vue"

let infoRes = reactive({
  username : '张三',
  tel : '13500008888',
  addr : '辽宁省',
  gender:'男',
})

</script>

<style scoped lang="less">
.van-cell-group{
  box-shadow: 0 0 15px lightgray;
  border: 1px solid lightgray;
  margin: 75px auto;
}
.van-button--block{
  width: 95%;
  margin: 20px auto;
}
</style>